<link rel="stylesheet" type="text/css" href="assets/bootstrap-datepicker/css/bootstrap-datetimepicker.min.css" />
<section id="main-content">
  <section class="wrapper">
    <!--state overview end-->
    <div class="row">
      <div class="col-lg-12">
        <section class="panel">
          <div class="panel-body">
            <div class="tab-content">
              <section class="panel hideother" style="display: none;">
                <header class="panel-heading add-heading">
                  费用信息
                </header>
                <div class="panel-body">
                  
                    <div class="form-group customerForm">
                      <label class="col-sm-2 control-label">预算类型
                      </label>
                      <div class="col-sm-10">
                        <select class="form-control" id="bugetType">
                          <option value="客户交际费用">客户交际费用</option>
                          <option value="差旅费用">差旅费用</option>
                          <option value="采购费用">采购费用</option>
                          <option value="其他费用">其他费用</option>
                        </select>
                      </div>
                    </div>
                    <div class="form-group customerForm">
                      <label class="col-sm-2 control-label">预算金额</label>
                      <div class="col-sm-10">
                        <input type="text" onkeyup="clearNoNum(this)"  onblur="clearNoNum(this)" min="0" value="" id="bugetMoney" class="form-control">
                      </div>
                    </div>
                    <div class="form-group customerForm">
                      <label class="col-sm-2 control-label">事由</label>
                      <div class="col-sm-10">
                        <textarea class="form-control" maxlength="120" id="comments"></textarea>
                      </div>
                    </div>
                    <div class="form-group customerForm">
                      <label class="col-sm-2 control-label">费用使用周期</label>
                      <div class="col-sm-10">
                        <input type="text" id="startTime" class="form-control" name="strtTime" style="width: 30%;">
                        <span style="position: relative;top: -28px;left: 284px;">--</span>
                        <input type="text" class="form-control" id="endTime" name="endTime"
                               style="width: 30%;position: absolute;bottom: 19px;left: 34%;">
                      </div>
                    </div>
                
                  <p class="default-buttons">
                    <a href="javascript:void(0);" class="button-back btn btn-info" onclick="hideother();">取消</a>
                    <a href="javascript:void(0);" class="button-next  btn btn-info" onclick="addOtherMoney()">提交</a>
                  </p>
                </div>
              </section>
              <section class="panel hideprobox">
                <header class="panel-heading add-heading">
                  新增预算
                  <i class="add-icon icon-plus" onclick="showother()"> 新增</i>
                </header>
                <div class="panel-body bio-graph-info">
                  <div id="otherContainer" class="dlshouwen-grid-container"></div>
                  <div id="otherToolBarContainer" class="dlshouwen-grid-toolbar-container"></div>
                </div>
                <p class="default-buttons">
                  <a href="javascript:void(0);" class="button-next  btn btn-info submit">确认</a>
                </p>
              </section>

              <div id="tab1" class="tab-pane active">
                <section class="panel">
                  <header class="panel-heading">
                    新增预算费用
                  </header>
                  <div class="panel-body">
                    <div class="panel-body bio-graph-info">
                      <div id="other1Container"></div>
                    </div>
                  </div>
                </section>
                <!--end1-->
                <section class="panel">
                  <header class="panel-heading">
                    预算费用:￥<span id="totalMoney"></span>元
                  </header>
                  <div class="panel-body">
                    <div class="panel-body bio-graph-info">
                      <div id="other2Container"></div>
                    </div>
                  </div>
                </section>

                <section class="panel">
                  <header class="panel-heading">
                    费用报销记录
                  </header>
                  <div class="panel-body">
                    <div id="costContainer" class="dlshouwen-grid-container"></div>
                    <div id="costToolBarContainer" class="dlshouwen-grid-toolbar-container"></div>
                  </div>
                </section>
                <!--end2-->
              </div>
            </div>
          </div>
        </section>
      </div>
    </div>
  </section>
</section>
<script type="text/javascript" src="assets/bootstrap-datepicker/js/bootstrap-datetimepicker.js"></script>
<script src="js/buget/editBudget.js"></script>
<script>
    //时间控件
    $('#startTime').datetimepicker({
        format: 'yyyy-mm-dd hh:ii'
    });
    $('#endTime').datetimepicker({
        format: 'yyyy-mm-dd hh:ii'
    });
</script>